<style>
.showMistakeByTime{
  font-family:"华文细黑";
  font-size: 1px;
  background-color: #efefef
 }
 </style>
<ion-header>
        <ion-navbar>
           <button menuToggle *ngIf="!selectedItem" (click)="return()">
               <ion-icon name="menu"></ion-icon>
           </button>
           <ion-title>
               错题查看
           </ion-title>
           </ion-navbar>
   </ion-header>
   <ion-content class="showMistakeByTime">
        <div>
                <ion-item>
                  <h4>科目:  {{currentMistake.course}}
                  <label style="float:right;color:darkgray;"> {{currentMistake.editTime}}</label>
                  </h4>
                </ion-item>


                <ion-item class="item-text-wrap">

                      <h6>题目:  </h6>

                      <div class="div2">

                        <img [src]="currentMistake.quesPicUrl" id="quesImage_i" />

                      </div>

                  <div *ngIf="hasSourceQuestion == true">
                    <p [innerHTML]="this.sourceQuestion.title"></p>
                  </div>



                </ion-item>

                <ion-item>
                    <h6>答案:  </h6>
                    <div class="div2" *ngIf="currentMistake.answPicUrl != null">
                       <img [src]="currentMistake.answPicUrl" id="image_i" />

                    </div>
                  <div *ngIf="hasSourceQuestion == true">
                    <p [innerHTML]="this.sourceQuestion.answer"></p>
                    <p [innerHTML]="this.sourceQuestion.pharse"></p>
                  </div>

              </ion-item>

              <ion-list>
                <ion-item>
                    <h4>掌握程度</h4>
                    <li *ngFor="let item of starList;let i = index" item-right>
                    <img src="{{item}}" ng-disabled="editFlag" (click)="checkStar(i)" style="width:16px"/>
                    </li>
                </ion-item>

                <ion-item>
                  <ion-label style="color:black"><h3>来源:{{currentMistake.source}} </h3></ion-label>
                  <!--<ion-input type="text" [(ngModel)] = "source" color="primary" style="font-size:80%"></ion-input>-->
                </ion-item>

                 <ion-item (click)="presentModal()">
                    <h4>知识点
                    <button ion-button outline class="rbutton2" *ngFor="let item of this.currentMistake.points.split(',')">{{item}}</button>
                    <button ion-button outline class="rbutton2" *ngFor="let item of pointsSelected">{{item}}</button>
                    </h4>
                  </ion-item>

                 <ion-item (click)="doMultiChoice()">
                   <h4>错误原因
                    <button ion-button outline class="rbutton2" *ngFor="let item of this.currentMistake.reason.split(',')">{{item}}</button>
                    <button ion-button outline class="rbutton2" *ngFor="let item of testCheckboxResult">{{item}}</button>
                   </h4>
                  </ion-item>
              </ion-list>

              <div class="rbutton"><button ion-button padding-top block (click)="submitMistakes()">修改</button></div>


              </div>
   </ion-content>
